
div.TabView div.Tabs a
{
    float: left;
    display: block;
    width: 200px; /* Lebar Kotak Tab */
    height: 22px; /* Tinggi Menu Utama Atas */
    text-align: center; /* Posisi Teks Menu Tab */
    margin: 2px 0px 0px 1px; /* Posisi Kotak Tab */
    background-color: #000; /* Warna background Kotak Tab */
    padding-top: 6px; /* Spasi Atas */
    padding-bottom: 1px; /* Spasi Bawah */
    border: 1px solid #000000; /* Warna border kotak Tab */
    border-radius: 1em 1em 0em 0em;
    border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
    font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
    font-weight: 500; /* Ketebalan Teks kotak tab */

    /*-----------------------*/
    height: 30px; 
    width: 150px;
    border: 1px solid #1142aa;
    background: #1142aa; 
    background: -moz-linear-gradient( center top, white 20%, #1142aa 100% ); 
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #1142aa) );



}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
    background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
    clear: both;
    border: 1px solid #cccccc; /* Warna border Kotak Konten */
    overflow: hidden;
    background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
    height: 100%;
    padding: 5px; /* Jarak teks dalam kotak content */
    overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
    padding: 3px 5px;
}
/* --------------------------------------------------------------------- */
/* MENU BAR */
#menubar{
    width:680px;
    height:12px;
    background:#1142aa;
    margin: 0 auto;
}
#menubar ul{
    float:left;
    margin:0;
    padding:0;
}
#menubar li{
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
#menubar li a, #menubar li a:link{

    float:left;
    padding:6px 12px;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
    color:#ffa500;
    text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
    font-size: 20px;
    background: #000000;
    color: #fff;
    text-decoration:none;
    width: 150px;
    padding: 6px 22px;
    line-height:28px;
}
#menubar li li a:hover, #menubar li li a:active {
    background: #F0FFFF;
    color: #000000;
}
#menubar li ul{
    z-index:9999;
    position:absolute;
    left:-999em;
    height:auto;
    width:170px;
    margin-top:40px;
    border:1px solid #F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
    left:auto
}
#menubar li:hover, #menubar li.sfhover{
    position:static
}
/* --------------------------------------------------------------------- */
/* LINK LINE*/
a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

/* --------------------------------------------------------------------- */
/* Bagian ABOUT US*/
div.container
{
    width:100%;
    margin:0px;
    border:1px White;
    line-height:150%;
}
div.header,div.footer
{
    padding:0.1em;
    color:black;
    background-color:#40E0D0;
    clear:left;
}
h1.header
{
    padding:2px;
    margin:0;
}
div.left
{
    float:left;
    width:160px;
    margin:0;
    padding:1em;
}
div.content
{
    margin-left:190px;
    border-left:1px solid gray;
    padding:1em;
}
div.ex
{
    width:220px;
    padding:10px;
    border:5px solid gray;
    margin:0px;
}

/* --------------------------------------------------------------------- */
/* MENU BAR MELAYANG*/

#halaman {
	width:560px;
	margin:0 auto;
	font:14px "Trebuchet MS";
}
#header, #footer {
	height:80px;
	background-color:#009900;
	padding:5px;
	box-shadow:#666 1px 1px 2px;
	text-align:center;
}
#menu {
	padding:1px;
	background-color:#06276f;
	width:700px;
	margin:auto;
	box-shadow:#06276f 1px 1px 1px;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li {
	display:inline;
	padding:1px;
}
#menu a {
	color:#fff;
	background-color:#6c8dd5;
	text-decoration:none;
	padding:3px 2px;
}
#menu a:hover {
	background-color:#6c8dd5;
}
#konten {
	background-color:#E2FEE4;
	padding:5px;
}
#topNav {
	width:100%;
	z-index: 99;
	bottom:auto;
}

/* --------------------------------------------------------------------- */
/* Table Kamuz User*/
<!-- CSS goes in the document HEAD or added to your external stylesheet -->

table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
.oddrowcolor{
	background-color:#008080;
}
.evenrowcolor{
	background-color:#4682B4;
}
